بسم الله الرحمان الرحيم , إخواني الكرام
السلام عليكم و رحمة اله تعالى و بركاته .
لعلكم لاحظتم أثناء تصفحكم لمدونات أخرى إما عربية
أو أجنبية وجود إطار أسفل عنوان كل تدوينة يتضمن ( كاتب التدوينة و الوقت الذي
نشرت فيه و التسميات المرتبطة بها و عدد التعليقات . اليوم بإذن الله سأشرح لكم
كيفية إضافة هذا الإطار أسفل عنوان كل تدوينة في مدونات البلوجر بخطوات سلسة و
بسيطة , لكن قبل البدئ في التركيب لابأس في مشاهدة مثال حي على الإضافة .
اتبع هاته الخطوات لتركيب هاته الإضافة :
- توجه إلى لوحة التحكم =>اختر تصميم => تحرير HTML
- قم بتوسيع القالب , “و لا تنسى أخذ نسخة احتياطية من قالب مدونتك تحسبا لأي خطأ”
- وأبحث عن الكود التالي : <div class='post-header-line-1'>
- إذا لم تجد <div class='post-header-line-1'> فقم بالبحث عن : <div class='post-header'>
- بعد إيجاد الكود المطلوب قم بإضافة هذا الكود فوقه مباشرة :
<font style='background:transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHO1OSTK4L8YLDD5voSzgOj48HVAZ40-9Py0ZCYe58ExP-2VlQzSCsGJyekkuf-vbF7b193PXVekKfS-kxRtM3X4J09tmRQOl6Hb_70J2V_F4GE_V0SGC7rTfhvhSeSOZ_6PpQrHq8ou4/s1600/user.png)
no-repeat scroll top
right;padding-right:25px;font-size:11px;'><data:post.author/></font>
| <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqirg6IQJhz9r3Bu3pq-hP2QeZQqpzvSRFG8DP4MVLiP7O6_-rf7xIXgwm8iIJMzqBbeHK5kG0iBScE-yUrlbfqymEoI_pzlUpEHLAqnZs4pJdC2WX0UIYy961Pj_W9jXLNTFceJty82c/s1600/clock.png
) no-repeat scroll top
right;padding-right:25px;font-size:11px;'><data:post.timestamp/></font>
| <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFc31zwU9x0CVy-o_Vk-CyW5JWUJ1qx6aAuFj359G5theMaMrN2Ual2FKdF_TwRRlfsntno7R4hXJFqHWqkiyqw1LgKze7yd3Zazq0qsAP4S-NMd4MbaaoAOW3LVdAmUXlcKBRUBzAb28/s1600/folder.png)
no-repeat scroll top right;padding-right:25px;font-size:11px;'><b:if
cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=8"' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>|</b:if>
</b:loop>
</b:if></font>
<span class='post-comment-link' style='Float:left;'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7_FMkgT6iMoa8-BsVfaiaERQyBHQDfUQ0vSFTIPWZj27fcASnfln_2DYC_LI7CkJI3rnq-XE8IBwa5kf0EvwEyZ0U0DWu_aIJFKykorJ3aDZ-XyHeIhl0melr1bB9oAlKgHhFwPdWf_4/s1600/comment.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>تعليقات<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/>تعليقات<b:else/><data:post.numComments/>تعليقات</b:if> </b:if></a>
</b:if>
</b:if>
</span>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=8"' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>|</b:if>
</b:loop>
</b:if></font>
<span class='post-comment-link' style='Float:left;'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7_FMkgT6iMoa8-BsVfaiaERQyBHQDfUQ0vSFTIPWZj27fcASnfln_2DYC_LI7CkJI3rnq-XE8IBwa5kf0EvwEyZ0U0DWu_aIJFKykorJ3aDZ-XyHeIhl0melr1bB9oAlKgHhFwPdWf_4/s1600/comment.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>تعليقات<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/>تعليقات<b:else/><data:post.numComments/>تعليقات</b:if> </b:if></a>
</b:if>
</b:if>
</span>
آمل أن يكون الموضوع قد نال إعجابكم و السلام عليكم
